$placeholder-height: calc(100vh - 303px);

.project-content {
  width: 1000px;
  margin: 0 auto 20px;

  &.full-width {
    width: 100%;
    height: 100%;
  }

  // 库页面中的列表样式
  &-list {
    border: 1px solid $gray-02;
    border-radius: 4px;
    padding: 0 16px;
    &.no-padding {
      padding: 0;
    }
    &-header {
      background: $gray-01;
      border-bottom: 1px solid $gray-02;
      font-size: 14px;
      padding: 6px 16px;
      color: $gray-08;
      font-weight: 500;
      &.secondary {
        color: $gray-06;
      }
    }
    &-item {
      border-bottom: 1px solid $gray-02;
      &:last-child {
        border-bottom: 0;
      }
    }
    .at-list-item:last-child {
      .at-list-item-body,
      .at-list-item-right {
        border-bottom: 0;
      }
    }
  }

  // 占位图垂直居中
  &-empty {
    height: $placeholder-height;
    &-placeholder {
      color: $gray-06;
    }
  }

  // loading垂直居中
  &-loading {
    height: $placeholder-height;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media screen and (max-width: 1000px) {
  .project-content {
    width: 660px !important;
  }
}
